<template>
    <weapp-card gradual="true" bg-color="blue" icon-name="comment" @click="clickItem" @click-icon="clickIcon">
        <template v-slot:title>
            <view class="text-cut">{{ question.title }}</view>
        </template>
        <template v-slot:content>
            <view> {{ question.content }}</view>
        </template>
    </weapp-card>
</template>

<script>
import weappCard from '@/components/weapp-card/weapp-card';
export default {
    components: {
        weappCard
    },
    props: {
        question: Object
    },
    data() {
        return {

        };
    },
    methods: {
        clickItem: function() {
            this.$emit('item-click');
        },
        clickIcon: function() {
            this.$emit('item-click');
            console.log('iconClick');
        },
        clickButton: function() {
            console.log('buttonClick');
        }
    }
};
</script>

<style lang="scss" scoped>
</style>
